<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/normalize.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<title>米泡教育</title>
	</head>
	<body>
		<!-- 侧边栏 -->
		<div class="cebianlan">
			<div class="zhixun">
				<img src="img/6咨询.png">
				<div class="zhixun1"><a href="#">咨询</a></div>
			</div>
			<div class="bangzhu">
				<img src="img/帮助.png">
				<div class="zhixun1"><a href="#">帮助</a></div>
			</div>
			<div class="weixin">
				<img src="img/微信.png" class="wiexin1">
				<div class="zhixun1"><a href="#">微信</a></div>
				<div class="weixin2">
					<span>欢迎关注米泡教育</span>
					<img src="./img/erweima.jpg" >
				</div>
			</div>
			<div class="yanjing">
				<img src="img/眼睛.png">
				<div class="zhixun1"><a href="#">监督</a></div>
				
			</div>
			<div class="yanjing">
				<a href="#maodian"><img src="img/向上.png" ></a>
			</div>

		</div>			
		
				
		
		<!-- 导航栏 -->
		<div class="f1" id="maodian">
			<div class="container">
				<!-- 左侧 -->
				<div class="left">
					<img src="./img/head-logo.svg" alt="">
					<ul class="nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="mianfei_course.html">免费课</a></li>
						<li><a href="shizhan_course.html">精品课</a></li>
					</ul>
				</div>
				<!-- 右侧 -->
				<div class="right">
					<div class="souSuo">
						<input type="text" placeholder="请输入课程" id="input" />
						<a href=""><img src="img/黄色搜索icon.png"></a>
					</div>
					<div class="gouWuChe">
						<img src="img/购物车.png">
						<span><a href="Shopping_cart.html">购物车</a></span>
					</div>
					<div class="geRenZhonXin">
						<span><a href="PersonalCenter.html">个人中心</a></span>
						<div class="touxiang">
						<img src="img/1.jpg" alt="">
						<ul class="xialacaidan">
							<!-- 下拉菜单 -->
						<li><a href="PersonalCenter.html">我的账户</a></li>
						<li><a href="PersonalCenter.html">我的课程</a></li>
						<li><a href="login.html">退出</a></li>
						</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		
		
		<!-- 第二楼 -->
		<div class="f2">
			<img src="./img/index/python-8days-camp.png" >
			<div class="container"></div>
		</div>
		<!-- 第三楼 -->
		<div class="f3">
			<div class="container">
				<div class="f3_header">
					<p>自学编程免费课程+实战教程</p>
					<p>少侠，看你骨骼奇略，不同寻常。特送你武林秘籍，望你早日成为一代宗师</p>
				</div>
					
				<div class="f3_body">

					<!-- <div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
				</div>
			</div> -->
			</div>
		</div>
		<!-- 第四楼 -->
		<div class="f4">
			<div class="container">
				<div class="f4_header">
					<p>官方重磅推荐1V1名师就业班课程</p>
					<p>网红讲师+在线1V1名企导师辅导 + 闯关学习，逐行审阅代码、视频1v1考核等服务，助你高薪就业</p>
				</div>
				<div class="f4_body">
<!-- 					<div>
						<a href="">
							<img src="#" >
							<div id="">								
							<p>迎上AI风口，抓住行业红利，0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>
						</a>
					</div>
					<div>
						<a href="">
							<img src="#" >
							<div >
							<p>迎上AI风口，抓住行业红利，0基础6个月炼成人工智能时代热门人才</p>
							<p>学习周期：36h</p>	
							</div>

						</a>
					</div> -->
				</div>
			</div>
		</div>
		<!-- 第五楼 -->
		<div class="f5">
			<div class="container">
				<div class="f5_header">在自学的道路上你是否也遇到了这些问题</div>
				<div class="f5_body">
					<div>
						<img src="img/index/1.png" >
						<p>自学自制力差坚持不下去</p>
						<p>01</p>
					</div>
					<div>
						<img src="img/index/2.png" >
						<p>没有学习方向</p>
						<p>02</p>
					</div>
					<div>
						<img src="img/index/3.png" >
						<p>能看懂代码但不会写</p>
						<p>03</p>
					</div>
					<div>
						<img src="img/index/4.png" >
						<p>不知道该怎么学、学什么</p>
						<p>04</p>
					</div>
					<div>
						<img src="img/index/5.png" >
						<p>学习进度慢到窒息，慢到放弃</p>
						<p>05</p>
					</div>
					<div>
						<img src="img/index/6.png" >
						<p>遇到问题不知道该问谁</p>
						<p>06</p>
					</div>
					<div>
						<img src="img/index/7.png" >
						<p>浪费大量时间&机会成本</p>
						<p>07</p>
					</div>
					<div>
						<img src="img/index/8.png" >
						<p>没有学习氛围 严重拖延症</p>
						<p>08</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 第六楼 -->
		<div class="f6">
			<div class="container">
				<div class="f6_header">米泡学堂帮你解决所有问题！</div>
				<div class="f6_header2">更符合在线学习的“学、练、改、管、测”教学模式</div>
				<p>基于“输入、输出、纠正”的科学方法论，业内独创1v1辅导+闯关考核学习模式，自学失败者的救星，学好IT的正确途径</p>	
				<div class="f6_body">
					<img src="img/teacher/tu.png" >
					<div class="f6_item1">
						<span>学</span>
						<p>在线视频学习</p>
						<p>知名讲师真人出镜，专为线上录制。高清录播。重复观看。利用碎片化事件系统学习，巩固复习</p>
					</div>
					<div class="f6_item2">
						<span>改</span>
						<p>逐行代码批改</p>
						<p>所有作业和实战，我们针对每一位学员1对1批改；不是简单的打分式批改，是详细的逐行代码批改</p>
					</div>
					<div class="f6_item3">
						<span>测</span>
						<p>能力测验</p>
						<p>智能题库针对知识点精准测验，查漏补缺；就业老师1V1模拟面试，推荐就业。</p>
					</div>
					<div class="f6_item4">
						<span>练</span>
						<p>章节作业 + 阶段测试</p>
						<p>章节结束，导师布置作业。阶段结束，导师指导实战测试，根据结果为学员量身定制学习计划。</p>
					</div>
					<div class="f6_item5">
							<span>管</span>
							<p>导师 + 班主任督学</p>
							<p>导师全程陪伴式辅导，7*24h学习群答疑。班主任定期跟进学习进度，彻底治愈您的拖延症</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 第七楼 -->
		<div class="f7">
			<span>跟随业内知名讲师高效率、高质量学习优秀课程</span>
			<div class="container">
				<div class="f7_top">
					<div class="f7_top_cur">
						<div>
							<img src="img/teacher/1_1.png" >
						</div>
						<div  calss="f7_top_cur_1">
							<span >Alex|米泡哥哥</span>
							<span>老男孩教育CTO & CO-FOUNDER；<br><br>
							知名PYTHON语言推广者；<br><br>
							51CTO学院2016\2017年度10大讲师之一；<br><br>
							多款开源软件作者；<br><br>曾任职公安部、飞信、中金公司、
							<br>NOKIA中国研究院、华尔街英语、<br>ADVENT、汽车之家等公司；</span>
						</div>
					</div>
				</div>
				<div class="f7_bottom">
					<img data-big = "1_1" src="./img/teacher/1.png" alt="" class="img1 f7_cur">
					<img data-big = "2_1" src="./img/teacher/2.png" alt="" class="img2">
					<img data-big = "3_1" src="./img/teacher/3.png" alt="" class="img3">
					<img data-big = "4_1" src="./img/teacher/4.png" alt="" class="img4">
					<img data-big = "5_1" src="./img/teacher/5.png" alt="" class="img5">
					<img data-big = "6_1" src="./img/teacher/6.png" alt="" class="img6">
				</div>
			</div>
		</div>
		
		<!-- 第八楼 -->
		<div class="f8">
			<img src="img/index/computer.jpg" >
			<div class="container">	
				<div class="f8_left">
					<ul>
						<li class="li_1">同学说</li>
						<li class="li_2">同学感言</li>
						<li class="li_3">同学上课笔记</li>
						<li class="li_4">作业批改</li>
					</ul>
				</div>
				<div class="f8_right">
					<div class="f8_right_top">
						米泡同学成果
					</div>
					<div class="f8_right_bottom">
						<div class="tongxueshuo cur">
							<div>
								<div class="tongxueshuo_1">
									<img src="./img/1.jpg" >
									<span>张**</span>
									<br>
									<span>技术支持|武汉**********公司</span>
								</div>
								<div class="tongxueshuo_2">
									<span>报名课程：Python全栈开发（中级）</span>
									<span>为何报此课：学习开发技能，希望自己从技术支持岗位转向开发岗位，提高薪资</span>
									<span>为何选米泡：在哔哩哔哩上刷到老师（编程老司机）的课程，听了之后觉得讲的不错，又加的微信，报名了8天集中营，感觉比网上其他……</span>
									<span>你的期待：期待能成长为一个成熟的python开发人员，希望自己能够胜任开发工作，提高薪资水平</span>
								</div>
								<hr >								
							</div>
							
							<div>
								<div class="tongxueshuo_1">
									<img src="./img/1.jpg" >
									<span>张**</span><br>
									<span>技术支持|武汉**********公司</span>
								</div>
								<div class="tongxueshuo_2">
									<span>报名课程：Python全栈开发（中级）</span>
									<span>为何报此课：学习开发技能，希望自己从技术支持岗位转向开发岗位，提高薪资</span>
									<span>为何选米泡：在哔哩哔哩上刷到老师（编程老司机）的课程，听了之后觉得讲的不错，又加的微信，报名了8天集中营，感觉比网上其他……</span>
									<span>你的期待：期待能成长为一个成熟的python开发人员，希望自己能够胜任开发工作，提高薪资水平</span>
								</div>	
							</div>
						</div>
						<div class="ganyan">
							<div>
								<div >
									<img src="img/1.jpg" >
									<span class="l1">Python S14学员</span>
									<br>
									<br>
									<span>2021年12月</span>
								</div>
								<span>&nbsp;&nbsp;
									大家好，我是一位来自重庆的25岁小男孩，重庆某高校工程造价专业本科毕业，目前在工程行业一家国企上班，
								</span>
								<a href="#">查看详情>>></a>
							</div>
							<div>
								<div >
									<img src="img/1.jpg" >								
									<span class="l1">Python S14学员</span>
									<br>
									<br>
									<span>2021年12月</span>
								</div>
								<span>&nbsp;&nbsp;
									大家好，我是一位来自重庆的25岁小男孩，重庆某高校工程造价专业本科毕业，目前在工程行业一家国企上班，
								</span>
								<a href="#">查看详情>>></a>
							</div>
							<div>
								<div >
									<img src="img/1.jpg" >
									<span class="l1">Python S14学员</span>
									<br>
									<br>
									<span>2021年12月</span>
								</div>
								<span>&nbsp;&nbsp;
									大家好，我是一位来自重庆的25岁小男孩，重庆某高校工程造价专业本科毕业，目前在工程行业一家国企上班，
								</span>
								<a href="#">查看详情>>></a>
							</div>
							<div>
								<div >
									<img src="img/1.jpg" >
									<span class="l1">Python S14学员</span>
									<br>
									<br>
									<span>2021年12月</span>
								</div>
								<span>&nbsp;&nbsp;
									大家好，我是一位来自重庆的25岁小男孩，重庆某高校工程造价专业本科毕业，目前在工程行业一家国企上班，
								</span>
								<a href="#">查看详情>>></a>
							</div>
						</div>
						<div class="shangkebiji">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
						</div>
						<div class="zuoyepigai">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
							<img src="./img/index/~%25N88F7$YP%60%7B_I1QE%5B0E9_0.png" alt="">
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<!-- 第九楼 -->
		<div class="f9">
			<div class="container">
				<div>
					<h1>带你认识米泡教育</h1>
				</div>
				<div>
					<div>
						<img src="img/index/企业愿景.png" >
						<p>米泡的愿景</p>
						<span>成为中国社会公认的最受信赖的教育品牌</span>
					</div>
					<div>
						<img src="img/index/企业使命.png" >
						<p>米泡的使命</p>
						<span>帮助年轻人通过努力获得体面的工作和生活</span>
					</div>
					<div>
						<img src="img/index/价值观.png" >
						<p>米泡的愿景</p>
						<span>诚实正直、追求卓越、团队精神、信守承诺、公平正义</span>
					</div>
				</div>
				<div></div>
			</div>
		</div>
		
		
		<!-- 最后一楼 -->
		<div class="foot1">
			<div class="container">
				<!-- 左边 -->
				<div class="left">
					<div class="foot-Box">
						<div class="title">关于米泡</div>
						<ul>
							<li><a href="#">关于我们</a></li>
							<li><a href="#">荣誉资质</a></li>
							<li><a href="#">网站地图</a></li>
							<li><a href="#">练习我们</a></li>
							<li><a href="#">加入我们</a></li>
						</ul>
					</div>
					<div class="foot-Box">
						<div class="title">帮助中心</div>
						<ul>
							<li><a href="#">如何购买观看</a></li>
							<li><a href="#">优惠券介绍</a></li>
							<li><a href="#">余额介绍</a></li>
							<li><a href="#">就业班课程</a></li>
							<li><a href="#">更多&gt;&gt;</a></li>
						</ul>
					</div>
					<div class="foot-Box">
						<div class="title">推荐课程</div>
						<ul>
							<li><a href="#">JavaScript训练营</a></li>
							<li><a href="#">前端开发</a></li>
							<li><a href="#">大全栈工程师</a></li>
							<li><a href="#">Linux云计算</a></li>
							<li><a href="#">数据库开发</a></li>
						</ul>
					</div>
				</div>
				<!-- 右边 -->
				<div class="right">
					<div class="gongzhonghao">
						<p>公众号</p>
						<img src="img/erweima.jpg" >
					</div>
					<div class="douyinhao">
						<p>抖音号</p>
						<img src="img/douyinhao.jpg" >
					</div>
				</div>
			</div>
		</div>
		<div class="foot2">
			<div class="container">
				<div class="foot2-box">
					<p>地址：武汉市黄陂区武湖街道汉口北大道1号武汉文理学院</p>
					<p>©2022-2023武汉米泡教育科技有限公司版权所有 京ICP备16378246号-1</p>
					<p><img src="img/备案.png" >京公网安备 11010102002019号</p>
				</div>
			</div>
		</div>
		<script src="js/jquery-3.6.0.min.js"></script>
		<script src="js/index.js"></script>
		<script type="text/javascript">
			$('#input').keydown(function(e){
				if(e.keyCode==13){
					let keyword = $(this).val()
					$(window).attr('location','/input.html?keyword='+keyword);	
				}
			})
		</script>
	</body>
</html>
